@import "./main";
@import "./mixin";
body{
    background-color: rgb(243, 165, 109);
}
.nav-header-box{
    position: fixed;
    width: 100%;
    background-color: rgba($color: #fff, $alpha: 0.8);
    .nav-header{
        margin: 0 auto;
        @include size(1200px,80px);
        .nav-header-left{
            float: left;
            width: 912px;
            .logo{
                @include size(164px,35px);
                display: block;
                float: left;
                position: relative;
                top: 23px;  
            }
            ul{
                line-height: 80px;
                float: right;
                li{
                    margin-right: 42px; 
                    a{
                        &:hover{
                    color: #007aff;
                    }
                }
                }
            }
        }
        .nav-header-right{
            @include size(288px,80px);
            float: right;
            .header-right-search{
                float: left;
                input{
                    @include size(170px,30px);
                    border-radius: 15px;
                    border: none;
                    padding: 0 9px;
                    margin-right: 40px;
                    background: #e5e5e5 url(../../static/icon/search.png) no-repeat 160px center
                }
            }
            .header-right-user{
                width:60px;
                float: right;
                .right-user{
                    @include size(16px,16px);
                    position: relative;
                    top: 32px;
                    float: left;
                }
                .right-shopping{
                    @extend .right-user;
                    float:right
                }
            }
        }

    }
}


